<template>
  <!-- <Index /> -->
  <ul>
    <li>
      <router-link to="/home">home</router-link>
    </li>
    <li>
      <router-link to="/about/234">about</router-link>
    </li>
  </ul>

  <router-view />
</template>

<script>
// import Index from "./pages/01-TodolistView.vue";
// import Index from "./pages/02-setup.vue";
// import Index from "./pages/03-setup-todolist.vue";
// import Index from "./pages/04-life-cycle.vue";
// import Index from "./pages/05-setup-watch.vue";
// import Index from "./pages/06-setup-computed.vue";
// import Index from "./pages/07-setup-props.vue";
// import Index from "./pages/08-setup-reactive.vue";
// import Index from "./pages/09-setup-provide.vue";
export default {
  // components: {
  //   Index,
  // },
};
</script>

<style lang="less">
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
}
</style>
